<template>
  <div>
      <template slot-scope="scope">
         <el-button
          size="mini"
          @click="updateForRentCars(scope.row)"
          >详情</el-button>
          <el-button
          size="mini"
          type="danger"
          >编辑</el-button>
              <el-dialog
                title="详情"
                :visible.sync="dialogVisible"
                width="50%"
                :modal-append-to-body='true'
                :close-on-click-modal='true'
              >
                <el-row>
                  <el-col>
                    <el-card :data="updateRentCars">
                      <img
                        src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
                        class="image"
                      />
                      <div style="padding: 14px;">
                        <ul>
                          <li>
                            <span>id：</span>
                            <span>{{updateRentCars._id}}</span>
                          </li>
                          <li>
                            <span>品牌：</span>
                            <span>{{updateRentCars.carBrand}}</span>
                          </li>
                          <li>
                            <span>型号：</span>
                            <span>{{updateRentCars.carType}}</span>
                          </li>
                          <li>
                            <span>车牌：</span>
                            <span>{{updateRentCars.carNumber}}</span>
                          </li>
                          <li>
                            <span>地址：</span>
                            <span>{{updateRentCars.address}}</span>
                          </li>
                          <li>
                            <span>价格：</span>
                            <span style="color:red">{{updateRentCars.rentPrice}}</span>
                          </li>
                          <li>
                            <span>状态：</span>
                            <span style="color:red">{{updateRentCars.carStatus}}</span>
                          </li>
                          <li>
                            <span>操作：</span>
                            <el-radio-group v-model="picked">
                              <el-radio-button value="审核通过" label="通过"></el-radio-button>
                              <el-radio-button value="不通过" label="不通过"></el-radio-button>
                            </el-radio-group>

                          </li>
                          <li>
                            <span slot="footer" class="dialog-footer">
                  <el-button @click="close">取 消</el-button>
                  <el-button type="primary" @click="updateForRentCarsAsync(updateRentCars._id)">确 定</el-button>
                </span>
                          </li>
                        </ul>
                      </div>
                    </el-card>
                  </el-col>
                </el-row>

              </el-dialog>
            </template>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>